@extends('home.layout') @section('content')
    <div class="panel panel-default panel-body details-search-option">
        <div class="details-search-option-item">
            <div class="col-md-2 col-xs-6 details-search-option-item-label">APP<span
                        class="glyphicon glyphicon-menu-right"></span></div>
            <select id="details-app">
                <option data-appid="0">请选择APP</option>
                @foreach($apps as $app)
                    <option data-appid="{{$app->AID}}">{{$app->name}}</option>
                @endforeach
            </select>
        </div>
        <div class="details-search-option-item date">
            <div class="col-md-2 col-xs-6 details-search-option-item-label">时间<span
                        class="glyphicon glyphicon-menu-right details-search-option-item-label"></span></div>
            <input size="10" id="startDate" name="startDate" type="text" readonly
                   value="2017-04-01" class="datepicker">
            -
            <input size="10" id="endDate" name="startDate" type="text" readonly
                   value="2017-05-01" class="datepicker">
            <a class="datepicker-a btn-a-primary actived">最近一周</a>
            <a class="datepicker-a btn-a-primary">最近一个月</a>
            <a class="datepicker-a btn-a-primary">最近三个月</a>
            <a class="datepicker-a btn-a-primary">最近一年</a>
        </div>
        <div class="details-search-option-item category">
            <div class="col-md-2 col-xs-6 details-search-option-item-label">平台<span
                        class="glyphicon glyphicon-menu-right details-search-option-item-label"></span></div>
            <a class="btn-a-primary actived" data-categoryid="0">全部</a>
            <a class="btn-a-primary" data-categoryid="{{APP_STORE_ID}}">AppStore</a>
            <a class="btn-a-primary" data-categoryid="{{YINGYONG_ID}}">应用宝</a>
            <a class="btn-a-primary" data-categoryid="{{WANDOU_ID}}">豌豆荚</a>
            <a class="btn-a-primary" data-categoryid="{{BAIDU_ID}}">百度手机助手</a>
            <a class="btn-a-primary" data-categoryid="{{_360_ID}}">360手机助手</a>
        </div>
        <div class="details-search-option-item rating">
            <div class="col-md-2 col-xs-6 details-search-option-item-label">评分<span
                        class="glyphicon glyphicon-menu-right details-search-option-item-label"></span></div>
            <a class="btn-a-primary actived" data-categoryid="0">不限</a>
            <a class="btn-a-primary" data-categoryid="1">一星</a>
            <a class="btn-a-primary" data-categoryid="2">二星</a>
            <a class="btn-a-primary" data-categoryid="3">三星</a>
            <a class="btn-a-primary" data-categoryid="4">四星</a>
            <a class="btn-a-primary" data-categoryid="5">五星</a>
        </div>
        <div class="details-search-option-item">
            <div class="col-md-2 col-xs-6 details-search-option-item-label">关键词<span
                        class="glyphicon glyphicon-menu-right details-search-option-item-label"></span></div>
            <div class="details-search-option-item-search"><input size="30" class="details-search-option-item-search-input">
                <button class="btn btn-primary btn-sm details-search-option-item-search-btn">搜索</button> 多个关键字用空格隔开（最多5个）
            </div>
        </div>
        <div class="details-search-option-item">
            <div class="col-md-2 col-xs-6 details-search-option-item-label"></div>
            <div class="details-search-option-item-search-words">
            </div>
        </div>
        <span class="details-search-option-item-tips">该段时间共<span class="details-comment-total"></span>条评论</span>
    </div>

    <div class="details-comment table-responsive">
        <table class="table table-striped table-hover details-comment-table">
            <thead>
            <tr>
                <th>序号</th>
                <th>内容</th>
                <th>评分</th>
                <th>来源</th>
                <th>时间</th>
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
    <div class="details-comment-pages col-md-12">
        <span class="details-search-option-item-tips">该段时间共<span class="details-comment-total"></span>条评论</span>
        <span class="details-comment-pages-group">
        </span>
    </div>

    <div class="row details-words">
        <div class="col-md-6 panel">
            <h2>热门分词</h2>
            <hr>
            <table class="table table-striped table-hover details-words-hot-table">
                <thead>
                <tr>
                    <th>排名</th>
                    <th>名称</th>
                    <th>数量</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="col-md-6 panel">
            <h2>我关注的分词</h2>
            <hr>
            <table class="table table-striped table-hover details-words-my-table">
                <thead>
                <tr>
                    <th>排名</th>
                    <th>名称</th>
                    <th>数量</th>
                </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        {{--<div class="col-md-4 panel">--}}
            {{--<h2>编辑分词</h2>--}}
            {{--<hr>--}}
            {{--<table class="table table-striped table-hover">--}}
                {{--<thead>--}}
                {{--<tr>--}}
                    {{--<th>名称</th>--}}
                    {{--<th>操作</th>--}}
                {{--</tr>--}}
                {{--</thead>--}}
                {{--<tbody>--}}
                {{--</tbody>--}}
            {{--</table>--}}
        {{--</div>--}}
    </div>
@endsection

@section('js')
    <script src="/js/home/details.js"></script>
@endsection